import React, { Component }from 'react'
import Footer from '../../components/footer'
import './userSet.scss'
import { Button } from 'antd-mobile'
import { NavLink } from 'react-router-dom'

class Com extends Component {
    render () {
        return (
            <div className="container">
                <div className="box">
                    <div className="userSet_content">
                        <header>
                            <NavLink to= "/users">
                                <img src="/images/user/personalSet/jiantou.png" alt=""/>
                            </NavLink>
                            <p>意见反馈</p>
                        </header>
                        <div className="feedBack">
                            <div>
                                <p>订单编号</p>
                                <input type="text" placeholder="必填"/>
                            </div>
                            <div>
                                <p>问题描述</p>
                            </div>
                            <div style={{height:"auto",paddingTop:".10rem"}}>
                                <textarea style={{resize:"none",height:"1.985rem",width:"100%",border:"none"}} placeholder="该项为必填项，清晰详细地描述您的问题，将有助于我们快速的了解您的情况，请不要偷懒哦">
                                    
                                </textarea>
                            </div>
                            <div style={{flexDirection:"column",alignItems:"end",height:"auto",position:"relative",paddingBottom:".10rem"}}>
                                <p style={{width:"auto",padding:".14rem 0"}}>上传凭证（最多4张）</p>
                                <img src="/images/user/xiangji.png" alt="" style={{width:".81rem",height:".81rem"}}/>
                                <input type="file" style={{margin:"0",position:"absolute",width:".80rem",height:".80rem",top:".47rem",opacity:"0"}}/>
                            </div>
                            <div>
                                <p>预定人信息</p>
                                <input type="text" placeholder="必填"/>
                            </div>
                            <div>
                                <p>姓名</p>
                                <input type="text" placeholder="必填"/>
                            </div>
                            <div>
                                <p>性别</p>
                                <input type="text" placeholder="必填"/>
                            </div>
                            <div>
                                <p>手机</p>
                                <input type="text" placeholder="必填"/>
                            </div>
                        </div>
                        <Button style= {{backgroundColor:"#3cd578", width:"3.49rem" ,height:".415rem", fontSize:"16px", color:"#fff", margin:"0 auto", marginTop:" .10rem",marginBottom:".10rem" }} >点击反馈</Button>
                    </div>
                </div>
                <Footer />
            </div>
        )
    }
}

export default Com